Now you incorporate the document you created into a page split into frames. The frame on the left serves as a navigation bar that controls the content of the frame on the right.
Frames divide a web page so that different files can be loaded into defined areas on the same page.
1 | Choose View > Frame Borders. |
Borders appear around the edge of the Document window. | |
2 | Alt-drag (Windows) or Option-drag (Macintosh) the left frame border to create a narrow frame on the left side of the page.
![]() |
When you split a page into frames, Dreamweaver creates a frameset file that stores the size and location of frames and the names of the documents loaded in the frames. The frameset file is the file you open in a browser. The frameset file loads other files into its frames. What a user sees as a single web page with two frames is actually three separate files: the frameset file, and two files containing the content that appears inside the frames. It's a good idea to save the frameset file before proceeding further. | |
3 | Choose File > Save Frameset, and save the frameset with the name SiteFrameSet.htm in the Tutorial folder. |
The name of the frameset file appears in the title bar of the window. | |
Now that you've saved the frameset, you can work on content for the frame you created. You can create a document in the empty frame. But to save time, open a prepared document. | |
4 | Place the cursor in the frame on the left, choose File > Open in Frame and choose the file NavBar.htm. |
The document opens in the frame.
![]() |
|
To make the navigation bar control the content of the frame on the right, you must name the frames with the Property inspector. Then you can specify them as targets for links. | |
5 | Choose Window > Frames to open the Frame inspector. |
The Frame inspector displays the frames in the current document. Use it to select frames and framesets so you can change their properties. | |
6 | In the Frame inspector, click the frame on the left to select it.
![]() ![]() |
![]() |
When a frame is selected the Property inspector displays frame properties. Choose Window > Properties if the Property inspector isn't visible.
7 | In the Property inspector, enter Navigation in the name box for the frame (the first box on the left, just below the word "Frame"). |
8 | In the Frame inspector, select the frame on the right and enter the name Content in the Property inspector. |
9 | Close the Frame inspector. |
![]() |
To continue the tutorial, proceed to Make a link to control a frame's content.